.yakit-time-line-list-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden auto;
    .time-line-item-wrapper {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        gap: 16px;
        .time-line-head {
            display: flex;
            flex-direction: column;
            align-items: center;
            .icon-stlye {
                margin: 2px 0;
                width: 24px;
                height: 24px;
                svg {
                    width: 24px;
                    height: 24px;
                }
            }
            .time-line-tail {
                flex: 1;
                overflow: hidden;
                margin: 4px 0;
                width: 1px;
                background-color: #eaecf3;
            }
        }
        .time-line-content {
            flex: 1;
            overflow: hidden;
            padding-bottom: 16px;
        }
    }

    .time-line-item-loading {
        padding-bottom: 10px;
        .spin-style {
            padding-left: 2px;
            height: 28px;
            align-items: center;
        }
    }
    .time-line-item-bottom {
        color: #ccd2de;
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        padding-bottom: 38px;
    }
}
